<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>编译作用域</title>
</head>
<body>

<!--父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。-->

<div id="app">

  <submit-button></submit-button>
  <submit-button>Save</submit-button>

</div>

<script src="../lib/vue.js"></script>
<script>
  Vue.component('submit-button', {
    template: `
      <button type="submit">
        <slot>Submit</slot>
      </button>
    `
  })

  let vm = new Vue({
    el: '#app',
    data: {}
  })
</script>

</body>
</html>